<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head th:include="layout :: htmlhead" th:with="title='展示页'"></head>
	<body>
		<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
		<div id="main" style="width: 100%;height:400px;"></div>
		<script type="text/javascript">
			// 基于准备好的dom，初始化echarts实例
			var myChart = echarts.init(document.getElementById('main'));

			// 指定图表的配置项和数据
			var option = {
				title: {
					text: 'ECharts 入门示例'
				},
				tooltip: {},
				legend: {
					data: ['营业总收入']
				},
				xAxis: {
					data: ["17-03-31", "17-06-30", "17-09-30","17-12-31", "18-03-31", "18-06-30", "18-09-30", "18-12-31", "19-03-31"]
				},
				yAxis: {},
				series: [{
					name: '营业总收入',
					type: 'bar',
					data: [9.47, 20.4, 31.9, 47.8, 10.1, 24.1, 38.4, 54.7, 13.4]
				}]
			};

			// 使用刚指定的配置项和数据显示图表。
			myChart.setOption(option);
		</script>
	</body>
</html>
